!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="vlewport" content="width=device-width,inittial-acale-1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const p1 = () => {
        new Promise((resvole, reject) => {
          setTimeout(() => {
            console.log("1");
            resvole("1");
          }, 1000);
        });
      };
      const p2 = () => {
        new Promise((resvole, reject) => {
          setTimeout(() => {
            console.log("2");
            resvole("2");
          }, 500);
        });
      };
      const p3 = () => {
        new Promise((resvole, reject) => {
          setTimeout(() => {
            console.log("3");
            resvole("3");
          }, 1200);
        });
      };
      const test = async () => {
        const resi = await p1();
        console.log("res1", res1);
        const res2 = await p2();
        console.log("res2", res2);
        const res3 = await p3();
        console.log("res3", res3);
        a
      };
      test().catch((err)=>{
        console.log(err);
      });
    </script>
  </body>
</html>
